/*
 * global css
 */
html {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color :#666666;
	width: 100%;
	width: auto !important;
	width: 960px;
	min-width: 960px;

	background: url('../images/header-bg.jpg')  no-repeat top center fixed #FFFFFF; 
	-webkit-background-size: 100% 564px;
	-moz-background-size: 100% 564px;
	-o-background-size: 100% 564px;
	background-size: 100% 564px;
	/* fix ie	*/
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/header-bg.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/header-bg.jpg', sizingMethod='scale')";
}
.wrapper{min-height: 100%;width: 100%;}
.content{ margin: 0 auto;padding:0 5px;position: relative; *position: inherit;}
#header{
	background: url('../images/opa-header.png')  repeat-x top center ;
	height: 78px;
}

#header .logo{display: table;float: left;height: 78px; width: 225px; *margin: 21px 0;*height: auto;}
.logo a{display: table-cell;text-align: center;vertical-align: middle;width: 100%;}
.logo a img{padding-right: 40px;border-right: 1px solid #FFFFFF;}

#header .main-nav{float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 28px 5px 0 15px;
    width: 495px;}
.main-nav li{float: left;padding: 7px 0;}
.main-nav li a{padding: 4px 10px;color: #207FAF;margin-right: 5px;-moz-border-radius: 2px;-webkit-border-radius: 2px;-khtml-border-radius: 2px; border-radius: 2px;}

.main-nav li a.active, .main-nav li a:hover {
	/*background-color: #E0E0E0;
	background-image: -moz-linear-gradient(center top , #FAFAFA 0px, #DCDCDC 100%);
	border-color: #CCCCCC #CCCCCC #AAAAAA;*/
	text-shadow: 0 1px 0 #FFFFFF;
	background: url('../images/main-nav.jpg') repeat-x;
	-moz-box-shadow: 1px 1px 2px 0 #5F5F5F;
	-webkit-box-shadow: 1px 1px 2px 0 #5F5F5F;
	box-shadow: 1px 1px 2px 0 #5F5F5F;
}

#header .welcome{float: right; margin: 24px 0 0;text-align: right; width: 190px;}
.welcome a{display: block;margin: 0 5px 8px;font-weight: normal;}
.welcome a span{font-weight: bold;}
.welcome a.out{text-decoration: underline;}

#toobar{height: 55px;border-bottom: 1px solid #CCCCCC;margin-bottom: 15px;}
#toobar .filter{display: table;width: 300px;float: left;height: 55px;position: absolute;left: 5px;}
.filter select{margin: 15px 10px 0 0; padding: 3px; vertical-align: middle;}
.filter #truong{width: 140px;}
.filter #namhoc{width: 100px;}

#toobar .tool{display: block;margin-left: 263px;}
.tool > span{display: block; float: left;margin: 16px 5px 0 0;font-size: 18px;color: #3DB0E6;}
#toobar .button{float: right;width: 410px;}
.button a{margin-top: 12px;padding:1.5px;border:1px solid #DDDDDD; margin-right: 7px; display: block;float: left;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; border-radius: 3px;}
.button a span{display: block;color: #FFFFFF;font-size: 15px; padding: 6px 26px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; border-radius: 3px;}
.button a.last{float: right;margin-right: 0;}
.button a.last span{}

#import span{background: #A8A8A8;}
#themmoi span{background: #3FB2E8;}
#suadoi span{background: #E8A43F;}
#xoa span{background: #E65455;}
.sidebar{background: #FFFFFF;border: 1px solid #DDDDDD;margin-bottom: 2px;/*margin-right: 16px;*/position: absolute;left: 1px;}
.sidebar #clslider{position: absolute;right: 0px; top: 0px;}
.sidebar .filter-sort{padding: 17px 12px;}
.filter-sort select{width: 151px;margin-bottom: 15px;padding: 2px 0 2px 5px ;}

.sidebar .danhsach-scroll ul.scrollbar_wp{height: 300px;min-height: 300px;}
.sidebar .danhsach-scroll ul.quanly{padding: 15px 0;width: 100%;}
.sidebar .danhsach-scroll ul{padding: 0px 0px 5px 18px; width: 157px;min-height: 400px;}
.danhsach-scroll h2{font-size: 13px;color: #3DB0E6;font-weight: normal;text-transform: uppercase;text-align: center;width: 100%;margin-bottom: 10px;padding-bottom: 10px ;border-bottom:1px solid #DDDDDD; }
.danhsach-scroll ul li{line-height: 20px; margin-bottom: 13px;text-transform: capitalize;}
.danhsach-scroll ul a{color: #666666;font-size: 13px;}

.noidungchinh{padding: 1px 0;border: 1px solid #DDDDDD;margin-left: 185px;}
.tabbar{height: 28px;width: 100%;background: url('../images/h-tabbar.jpg') repeat-x;}
.tabbar h5{color: #333333; float: left;font-weight: bold;line-height: 28px; padding-left: 15px;}
.tabbar .bottom{float: right;width: 400px;margin: 2px 20px 2px 2px;}
.tabbar .bottom a{display: block; float: right;padding: 6px 11px;background: url('../images/bt-bg-1.jpg') repeat-x;margin-left: 10px;color: #FFFFFF;line-height: 11px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; border-radius: 3px;}
.noidungchinh .gird{min-height: 370px;}
.noidungchinh .f-tabbar{background: url('../images/f-tabbar.jpg') repeat-x;}

ul.quanly li{padding: 2px 0 2px 18px;}
ul.quanly li.active,ul.quanly li:hover { width:  170px;background: url('../images/sidebar-active.png') no-repeat;}
ul.quanly li a{color: #333333;}













